* {
  padding:0;
  margin:0;
}
/* body {
  display:flex;
  justify-content: center;
  align-items:center;
} */
.pen {
  position:absolute;
  top:600px;
  left:700px;
}
.gold img {
  width:80px;
  height:80px;
}

.fail {
  /* display:flex; */
  position:absolute;
}
.fail h4 {
  font-size: 40px; 
  font-weight: bold; 
  background: linear-gradient(45deg, #ff6b6b, #f7d94c, pink, rgb(110, 195, 110)); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  opacity:0;
  transition:all 1s;
}

.fail h4.active {
  transform:rotate(360deg);
  opacity: 1;
}

.score h3 {
  font-size:80px;
  text-align: center;
  margin-top:200px;
}
.score h3 span {
  display:inline-block;
  color:red;
  transition:all .5s;
  background: linear-gradient(45deg, #db4040, #f7d94c, pink, rgb(110, 195, 110)); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.score h3 span.active {
  transform:translateY(-30px) scale(2);
}

.score p {
  font-size:40px;
  text-align: center;
}
.score p span {
  background: linear-gradient(180deg, #5f1313, #f7d94c, rgb(255, 0, 43), rgb(110, 195, 110)); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}